@charset 'UTF-8';

@import '~/scss/themes/index.scss';
@import '~/scss/helpers/_text.scss';

/*******************************************************************************
    所有的色彩请使用下面的class
********************************************************************************/

$color-map: (
  'primary': (
    '1': $blue-1,
    '2': $blue-2,
    '3': $blue-3,
    '4': $blue-4,
    '5': $blue-5,
    '6': $blue-6,
    '7': $blue-7,
    '8': $blue-8,
    '9': $blue-9
  ),
  'blue': (
    '1': $blue-1,
    '2': $blue-2,
    '3': $blue-3,
    '4': $blue-4,
    '5': $blue-5,
    '6': $blue-6,
    '7': $blue-7,
    '8': $blue-8,
    '9': $blue-9
  ),
  'gold': (
    '1': $gold-1,
    '2': $gold-2,
    '3': $gold-3,
    '4': $gold-4,
    '5': $gold-5,
    '6': $gold-6,
    '7': $gold-7,
    '8': $gold-8,
    '9': $gold-9
  ),
  'grey': (
    '1': $grey-1,
    '2': $grey-2,
    '3': $grey-3,
    '4': $grey-4,
    '5': $grey-5,
    '6': $grey-6,
    '7': $grey-7,
    '8': $grey-8,
    '9': $grey-9
  ),
  'green': (
    '1': $green-1,
    '2': $green-2,
    '3': $green-3,
    '4': $green-4,
    '5': $green-5,
    '6': $green-6,
    '7': $green-7,
    '8': $green-8,
    '9': $green-9
  ),
  'red': (
    '1': $red-1,
    '2': $red-2,
    '3': $red-3,
    '4': $red-4,
    '5': $red-5,
    '6': $red-6,
    '7': $red-7,
    '8': $red-8,
    '9': $red-9
  ),
  'white': (
    '1': $white-1,
    '2': $white-2,
    '3': $white-3,
    '4': $white-4,
    '5': $white-5,
    '6': $white-6,
    '7': $white-7,
    '8': $white-8,
    '9': $white-9
  )
);

$color-length: '1', '2', '3', '4', '5', '6', '7', '8', '9';

// g2-color-primary-1
@each $key, $value in $color-map {
  @each $index in $color-length {
    .g2-color-#{$key}-#{$index} {
      color: map-get($value, $index);
    }
  }
  .g2-color-#{$key} {
    color: map-get($value, '6');
  }

  @each $index in $color-length {
    .g2-bgcolor-#{$key}-#{$index} {
      color: map-get($value, $index);
    }
  }
  .g2-bgcolor-#{$key} {
    color: map-get($value, '6');
  }
}
